<template>
	<el-container class="views">
		<el-aside>
			<Aside :addTab="addTab"/>
		</el-aside>
		<el-main>
			<Tabs ref="refTabs" />
		</el-main>
	</el-container>
</template>

<script setup>
	import { ref } from 'vue'
	import Aside from './aside.vue'
	import Tabs from './tabs.vue'
	
	const refTabs = ref(null)
	
	const addTab = (data) => {
		console.log('home', data)
		refTabs.value.addTab(data)
	}
</script>

<style lang="scss" scoped>
	.views {
		padding: 0;
		margin: 0;
	}
</style>